<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>论文指导 - 系统架构师考试备考助手</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/essay-guide.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<body>
    <div class="container">
        <!-- 顶部导航 -->
        <header class="sub-header">
            <a href="index.html" class="back-btn">
                <i class="fas fa-arrow-left"></i>
            </a>
            <h1>论文指导</h1>
            <div class="header-action">
                <i class="fas fa-search"></i>
            </div>
        </header>

        <!-- 论文分类 -->
        <div class="essay-categories">
            <div class="essay-category active">全部</div>
            <div class="essay-category">优秀范文</div>
            <div class="essay-category">写作技巧</div>
            <div class="essay-category">热门话题</div>
            <div class="essay-category">案例分析</div>
        </div>

        <!-- 论文写作指南 -->
        <section class="writing-guide">
            <h2 class="section-title">论文写作指南</h2>
            <div class="guide-cards">
                <div class="guide-card">
                    <div class="guide-icon">
                        <i class="fas fa-file-alt"></i>
                    </div>
                    <div class="guide-info">
                        <h3>论文结构与格式</h3>
                        <p>掌握系统架构师论文的标准结构和格式要求</p>
                    </div>
                </div>
                <div class="guide-card">
                    <div class="guide-icon">
                        <i class="fas fa-pencil-alt"></i>
                    </div>
                    <div class="guide-info">
                        <h3>写作技巧与方法</h3>
                        <p>学习高分论文的写作技巧和方法论</p>
                    </div>
                </div>
                <div class="guide-card">
                    <div class="guide-icon">
                        <i class="fas fa-check-circle"></i>
                    </div>
                    <div class="guide-info">
                        <h3>评分标准解析</h3>
                        <p>了解考官评分标准，掌握得分要点</p>
                    </div>
                </div>
                <div class="guide-card">
                    <div class="guide-icon">
                        <i class="fas fa-exclamation-triangle"></i>
                    </div>
                    <div class="guide-info">
                        <h3>常见错误分析</h3>
                        <p>避开常见的论文写作陷阱和错误</p>
                    </div>
                </div>
            </div>
        </section>

        <!-- 优秀范文 -->
        <section class="essay-examples">
            <div class="section-header">
                <h2 class="section-title">优秀范文</h2>
                <a href="#" class="more-link">更多 <i class="fas fa-angle-right"></i></a>
            </div>
            <div class="essay-list">
                <div class="essay-card">
                    <div class="essay-info">
                        <h3>基于微服务架构的电商平台设计与实现</h3>
                        <div class="essay-meta">
                            <span class="score">优秀</span>
                            <span class="views"><i class="fas fa-eye"></i> 3,250</span>
                            <span class="date">2022-11-15</span>
                        </div>
                        <p class="essay-summary">本文详细阐述了基于微服务架构的电商平台设计方案，包括服务拆分、数据一致性、服务治理等关键技术点...</p>
                    </div>
                    <div class="essay-actions">
                        <button class="favorite-btn"><i class="far fa-star"></i></button>
                        <button class="read-btn">阅读</button>
                    </div>
                </div>

                <div class="essay-card">
                    <div class="essay-info">
                        <h3>大数据环境下的金融风控系统架构设计</h3>
                        <div class="essay-meta">
                            <span class="score">优秀</span>
                            <span class="views"><i class="fas fa-eye"></i> 2,890</span>
                            <span class="date">2022-10-28</span>
                        </div>
                        <p class="essay-summary">本文分析了金融风控系统面临的挑战，提出了基于大数据技术的风控系统架构设计方案，包括实时计算、离线分析...</p>
                    </div>
                    <div class="essay-actions">
                        <button class="favorite-btn"><i class="far fa-star"></i></button>
                        <button class="read-btn">阅读</button>
                    </div>
                </div>

                <div class="essay-card">
                    <div class="essay-info">
                        <h3>云原生架构在政务系统中的应用与实践</h3>
                        <div class="essay-meta">
                            <span class="score">良好</span>
                            <span class="views"><i class="fas fa-eye"></i> 2,150</span>
                            <span class="date">2022-09-17</span>
                        </div>
                        <p class="essay-summary">本文探讨了云原生架构在政务系统中的应用场景和实践经验，分析了容器化、微服务、DevOps等技术在政务系统中的落地...</p>
                    </div>
                    <div class="essay-actions">
                        <button class="favorite-btn"><i class="far fa-star"></i></button>
                        <button class="read-btn">阅读</button>
                    </div>
                </div>
            </div>
        </section>

        <!-- 热门话题 -->
        <section class="hot-topics">
            <h2 class="section-title">热门话题</h2>
            <div class="topic-tags">
                <div class="topic-tag">微服务架构</div>
                <div class="topic-tag">云原生</div>
                <div class="topic-tag">大数据</div>
                <div class="topic-tag">区块链</div>
                <div class="topic-tag">人工智能</div>
                <div class="topic-tag">物联网</div>
                <div class="topic-tag">5G应用</div>
                <div class="topic-tag">边缘计算</div>
                <div class="topic-tag">DevOps</div>
                <div class="topic-tag">安全架构</div>
            </div>
        </section>

        <!-- 论文辅导 -->
        <section class="essay-coaching">
            <div class="coaching-card">
                <div class="coaching-header">
                    <h3>论文一对一辅导</h3>
                    <span class="coaching-price">¥299</span>
                </div>
                <div class="coaching-features">
                    <div class="feature-item">
                        <i class="fas fa-check"></i>
                        <span>资深架构师点评指导</span>
                    </div>
                    <div class="feature-item">
                        <i class="fas fa-check"></i>
                        <span>论文结构优化建议</span>
                    </div>
                    <div class="feature-item">
                        <i class="fas fa-check"></i>
                        <span>技术方案改进意见</span>
                    </div>
                    <div class="feature-item">
                        <i class="fas fa-check"></i>
                        <span>3次修改指导服务</span>
                    </div>
                </div>
                <button class="apply-btn">立即申请</button>
            </div>
        </section>

        <!-- 底部导航 -->
        <nav class="bottom-nav">
            <a href="index.html">
                <i class="fas fa-home"></i>
                <span>学习</span>
            </a>
            <a href="profile.html">
                <i class="fas fa-user"></i>
                <span>我的</span>
            </a>
        </nav>
    </div>

    <script src="js/essay.js"></script>
</body>
</html> 